<template>
	<view>
		<view class="status_bar">
		  <!-- 这里是状态栏 -->
		</view>
		<view class="head">
			<u-avatar :src="src" size=160></u-avatar>
		</view>
		<view style="margin: auto;width: 90%;">
			<u-section style="margin-top: 40rpx; margin-bottom: 20rpx;" title="说明"  :right="false" :show-line="false"></u-section>
		</view>
		<view class="notice">
			
			<text>
				观看历史观看历史观看历史观看历史观看历史观看历史观看历史我的下载我的下载我的下载我的下载我的下载
			</text>
		</view>
		<view class="tool">
			<u-cell-group>
				<u-cell-item icon="clock" title="观看历史" @click="history"></u-cell-item>
				<u-cell-item icon="heart" title="我的收藏" @click="collect"></u-cell-item>
				<u-cell-item icon="download" title="我的下载" @click="down"></u-cell-item>
				<u-cell-item icon="question-circle" title="意见反馈" @click="suggest"></u-cell-item>
				<u-cell-item icon="setting-fill" title="个人设置" @click="setting"></u-cell-item>
			</u-cell-group>
		</view>
		<view class="denglu">
			<u-button type="primary" @click="login">登录</u-button>
		</view>
		
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			history(){
				uni.navigateTo({
				    url: '/pages/history/history'
				});
			},
			collect(){
				uni.navigateTo({
				    url: '/pages/collect/collect'
				});
			},
			down(){
				uni.navigateTo({
				    url: '/pages/down/down'
				});
			},
			suggest(){
				uni.navigateTo({
				    url: '/pages/suggest/suggest'
				});
			},
			setting(){
				uni.navigateTo({
				    url: '/pages/setting/setting'
				});
			},
			login(){
				uni.navigateTo({
				    url: '/pages/login/login'
				});
			}
			
		}
	}
</script>

<style>
	.status_bar {
		  height: var(--status-bar-height);
		  width: 100%;
		  text-overflow: ellipsis; 
	}
	.head{
		width: 90%;
		margin: auto;
		text-align: center;
		margin-top: 100rpx;
		margin-bottom: 40rpx;
	}
	.notice{
		background-color: #858d9c;
		width: 90%;
		margin: auto;
		margin-bottom: 40rpx;
		padding: 10px;
		color: white;
		border-radius: 10rpx;
	}
	.tool{
		width: 90%;
		margin: auto;
	}
	.denglu{
		margin: auto;
		margin-top: 100rpx;
		width: 80%;
		
	}
</style>
